import styled from 'styled-components'
export const FinditemStyle = styled.div `
    display:flex;
    width:100%;
    padding:.05rem;
    justify-content:space-around;
    flex-wrap:wrap;
    margin-bottom:.06rem;
    padding-bottom:4.28rem;
    height: 0;
    ul{
        position:relative;
        width:1.17rem;
        height:1.99rem;
        margin-bottom:.1rem;
        li {
            &:nth-of-type(1){
                width:1.17rem;
                height:1.55rem;
                img{
                    width:100%;
                    height:100%;
                }
            }
            &:nth-of-type(2){
                width:1.17rem;
                height:.29rem;
                font-size:.15rem;
                color:#333;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;                       
            }
            &:nth-of-type(3){
                font-size:.12rem;
                color:#999;        
            }
            &:nth-of-type(4){
                position:absolute;
                font-size:.11rem;
                color:#fff;  
                bottom:.5rem;
                right:.05rem;
            }
        }   
        align-items:center;
 
        
}
    `
export const TitleitemStyle = styled.p `
        width:100%;
        padding:.05rem;
        font-size:.17rem;
        font-weight:600;
        line-height: 0.17rem;
    `
export const BtnStyle = styled.div `
    width:100%;
    padding:.05rem;
    height:.4rem;
    display:flex;
    justify-content:space-around;
    margin-bottom:.15rem;
    p{
        text-align: center;
        line-height: .4rem;
        width:48%;
        height:.4rem;
        background: #f7f7f8;
        font-size: 0.12rem;
        color: #666666;
        border-radius: 0.15rem;
    }
`
export const BottomStyle = styled.div`
    width:100%;
    height:.51rem;
`
export const NewStyle = styled.div`
    width:100%;
    display:flex;
    justify-content:space-around;
    padding:.05rem;
    flex-wrap:wrap;
    padding-bottom:3.4rem;
    height: 0;
    ul{
        width: 1.77rem;
        height:1.55rem;
        margin-bottom:.1rem;
        li{
            width:100%;
            &:nth-of-type(1){
                width:100%;
                height:1.11rem;
                img{
                    width:100%;
                    height:100%;
                }
            }
            &:nth-of-type(2){
                font-size:.15rem;
                margin-top:.03rem;
            }
            &:nth-of-type(3){
                font-size:.12rem;
                margin-top:.03rem;
                color:#999;
            }
        }
    }
`
export const Nav = styled.div`
    padding:.05rem;
    margin-top:.15rem;
    a{
        text-decoration: none;
        color:#000;
        height:.3rem;
        font-size:.13rem;
        margin-right:.16rem;
    }
    .active{
        font-weight:700;
        font-size:.19rem;
    }
`